const userHomePageLine1 = document.getElementById('userHomePageLine1');
const userHomePageLine2 = document.getElementById('userHomePageLine2');
const userHomePageLine3 = document.getElementById('userHomePageLine3');
const userHomePageLine4 = document.getElementById('userHomePageLine4');
console.log(userHomePageLine1,userHomePageLine2,userHomePageLine3,userHomePageLine4)
const picturesByUserIdJSON = [[${picturesByUserIdJSON}]];
let picturesByUserId = JSON.parse(picturesByUserIdJSON);
console.log(picturesByUserId)
for (let i = 0; i < picturesByUserId.length; i++) {
    let userHomePagePictureDocumentName = picturesByUserId[i].pictureDocumentName;
    let cardStr = `
            <!-- 卡片 -->
            <div style="width: 0.18rem;margin:0 0 0.01rem 0">
                    <img src="static/imgs/pictures/${userHomePagePictureDocumentName}"style="float:left;width: 0.18rem">
            </div>
               `;
    if (i % 4 == 0) {
        userHomePageLine1.insertAdjacentHTML("beforeend", cardStr)
    } else if (i % 4 == 1) {
        userHomePageLine2.insertAdjacentHTML("beforeend", cardStr)
    } else if (i % 4 == 2) {
        userHomePageLine3.insertAdjacentHTML("beforeend", cardStr)
    } else if (i % 4 == 3) {
        userHomePageLine4.insertAdjacentHTML("beforeend", cardStr)
    }
}